// 此处不要导入 @/i18n 使用 i18n.global ，因为我们在 router 中 layout 不是按需加载，所以Guide 会在 I18n 初始化完成之前被直接调用。导致 i18n 为 undefined
const steps = i18n => {
    return [
        {
            element: '#guide-start', // 当前高亮会放在哪个dom上进行展示
            popover: {
                title: i18n.t('msg.guide.guideTitle'), // 引导标题
                description: i18n.t('msg.guide.guideDesc'), // 引导描述
                position: 'bottom-right' // 引导出现的位置
            }
        },
        {
            element: '#guide-hamburger',
            popover: {
                title: i18n.t('msg.guide.hamburgerTitle'),
                description: i18n.t('msg.guide.hamburgerDesc')
            }
        },
        {
            element: '#guide-breadcrumb',
            popover: {
                title: i18n.t('msg.guide.breadcrumbTitle'),
                description: i18n.t('msg.guide.breadcrumbDesc')
            }
        },
        {
            element: '#guide-search',
            popover: {
                title: i18n.t('msg.guide.searchTitle'),
                description: i18n.t('msg.guide.searchDesc'),
                position: 'bottom-right'
            }
        },
        {
            element: '#guide-full',
            popover: {
                title: i18n.t('msg.guide.fullTitle'),
                description: i18n.t('msg.guide.fullDesc'),
                position: 'bottom-right'
            }
        },
        {
            element: '#guide-theme',
            popover: {
                title: i18n.t('msg.guide.themeTitle'),
                description: i18n.t('msg.guide.themeDesc'),
                position: 'bottom-right'
            }
        },
        {
            element: '#guide-lang',
            popover: {
                title: i18n.t('msg.guide.langTitle'),
                description: i18n.t('msg.guide.langDesc'),
                position: 'bottom-right'
            }
        },
        {
            element: '#guide-tags',
            popover: {
                title: i18n.t('msg.guide.tagTitle'),
                description: i18n.t('msg.guide.tagDesc')
            }
        },
        {
            element: '#guide-sidebar',
            popover: {
                title: i18n.t('msg.guide.sidebarTitle'),
                description: i18n.t('msg.guide.sidebarDesc'),
                position: 'right-center'
            }
        }
    ]
}
export default steps